import { Form, Radio, DatePicker, Button } from "antd"
import Channel from "@/components/Channel"

const ArticleForm = props => {
    const { onFinish } = props
    return (
        <>
            <Form onFinish={onFinish}>
                <Form.Item label="状态：" name="status">
                    <Radio.Group>
                        <Radio value={undefined}>全部</Radio>
                        <Radio value={0}>草稿</Radio>
                        <Radio value={1}>待审核</Radio>
                        <Radio value={2}>已通过</Radio>
                        <Radio value={3}>已拒绝</Radio>
                    </Radio.Group>
                </Form.Item>
                <Form.Item label="频道：" name="channel_id">
                    <Channel width={288}/>
                    {/* <Select style={{ width: 288 }}>
                        {channels.map(item => (
                            <Select.Option key={item.id} value={item.id}>{item.name}</Select.Option>
                        ))}
                    </Select> */}
                </Form.Item>
                <Form.Item label="日期：" name="dateArr">
                    <DatePicker.RangePicker />
                </Form.Item>
                <Form.Item>
                    <Button type="primary" htmlType="submit">筛选</Button>
                </Form.Item>
            </Form>
        </>
    )
}

export default ArticleForm